    /* General styles */
    body {
        margin:0;
        padding:0;
        border:0;      /* This removes the border around the viewport in old versions of IE */
        width:100%;
background-image:url('${site-base}/images/background_alchemy.png');
        min-width:600px;    /* Minimum width of layout - remove line if not required */
              /* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;
    }
  a {
      color:#369;
  }
  a:hover {
    color:#fff;
    background:#369;
    text-decoration:none;
  }
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
  img {
    margin:10px 0 5px;
  }
  /* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        
    }
  #header p,
  #header h1,
  #header h2 {
      padding:.4em 15px 0 15px;
        margin:0;
  }
  #header ul {
      clear:left;
      float:left;
      width:100%;
      list-style:none;
      margin:10px 0 0 0;
      padding:0;
  }
  #header ul li {
      display:inline;
      list-style:none;
      margin:0;
      padding:0;
  }
  #header ul li a {
      display:block;
      float:left;
      margin:0 0 0 1px;
      padding:3px 10px;
      text-align:center;
      background:#eee;
      color:#000;
      text-decoration:none;
      position:relative;
      left:15px;
    line-height:1.3em;
  }
  #header ul li a:hover {
      background:#369;
    color:#fff;
  }
  #header ul li a.active,
  #header ul li a.active:hover {
      color:#fff;
      background:#000;
      font-weight:bold;
  }
  #header ul li a span {
      display:block;
  }
  /* 'widths' sub menu */
  #layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
  }
  /* column container */
  .colmask {
    position:relative;    /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
      clear:both;
      float:left;
        width:100%;      /* width of whole page */
    overflow:hidden;  /* This chops off any overhanging divs */
  }
  /* 2 column left menu settings */
  .leftmenu {
  }
  .colright {
    border-top:1px solid #000;
    border-left:1px solid #000;
    border-bottom:1px solid #000;
    background:#fff;
    
  }
    .leftmenu .colright {
        float:left;
        width:200%;
    position:relative;
    left:200px;
        background:#fff;
    }
    .leftmenu .col1wrap {
      float:right;
      width:50%;
      position:relative;
      right:200px;
      padding-bottom:1em;
  }
  .leftmenu .col1 {
        margin:0 15px 0 215px;
      position:relative;
      right:100%;
      overflow:hidden;
  }
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
    }
  /* Footer styles */
  #footer {
        clear:both;
        float:left;
        width:100%;
    }
    #footer p {
        padding:10px;
        margin:0;
    }